<template>
	<view class="helpfeedbackPage">

		<uni-collapse>
			<uni-collapse-item v-for="(item,index) in list" :key="index" :title="item.title" show-animation>
				<text class="txt">{{item.content}}</text>
			</uni-collapse-item>
		</uni-collapse>
		<!-- 意见反馈 -->
		<view class="outLogin" hover-start-time=15 hover-stay-time=200 hover-class="bgColoroutLogin">意见反馈</view>
	</view>
</template>

<script>
	import uniCollapse from "@/components/uni-collapse/uni-collapse.vue";
	import uniCollapseItem from "@/components/uni-collapse-item/uni-collapse-item.vue";
	export default {
		components: {
			uniCollapse,
			uniCollapseItem
		},
		data() {
			return {
				list: [{
					title: "客服什么时候在线?",
					content: "亲，客服的工作时间是:周一至周六10:00-12:00,14:00-19:00,非工作时间的咨询反馈会自动转为留言，客服上班后会第一时间回复哦~",
				}, {
					title: "怎么搜索/查找、关注/取关用户?",
					content: "亲，客服的工作时间是:周一至周六10:00-12:00,14:00-19:00,"
				}, {
					title: "忘记账号/昵称/密码怎么办?",
					content: "亲，客服的工作时间是:周一至周六10:00-12:00,14:00-19:00,"
				}],
			};
		}
	}
</script>

<style lang="scss">
	.txt {
		padding: 0rpx 20rpx 20rpx;
		font-size: .9rem;
		text-indent: 1rem;
	}

	.outLogin {
		letter-spacing: 6rpx;
		@include flexCenterCenter;
		border-radius: 50rpx;
		margin: 150rpx 20rpx 0rpx;
		padding: 20rpx 0rpx;
		font-size: 1.1rem;
		background-color: #FF4A6A;
		color: #FFFFFF;
	}

	.bgColoroutLogin {
		background-color: #F72E50 !important;
	}
</style>
